html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

* {
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

.Body {
    padding: 100px 80px;
}

    .Body h1 {
        text-align: center;
        color: #006699;
        font-family: Arial;
        margin-bottom: 50px;
    }

    .Body h2 {
        text-align: center;
        font-family: Arial;
        color: #00A4F7;
        padding-top: 10px;
    }

    .Body h3 {
        font-family: Arial;
        text-align: center;
        padding: 20px;
        color: #00A4F7;
    }

    .Body p {
        font-size: medium;
        text-align: center;
        padding: 15px 0;
    }

    .Body hr {
        border: 3px solid #8ceded; /* Horizontal line style */
        margin: 20px 0;
    }

    .Body img {
        display: block; /* Ensures that margin auto works */
        margin: 0 auto; /* Centers the image */
        max-width: 100%; /* Responsive */
        max-height:auto;
        padding-bottom:20px;
    }

    .Body a{
        text-decoration:none;
    }

.info {
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Use a single value */
}

.PROJECTS, .PEOPLE, .PRIORITIES {
    flex: 1 1 31%; /* Adjusts size */
    margin:10px;
    justify-content: center; /* Center items horizontally */
}


/* Media Query for Mobile Devices */
@media (max-width: 768px) {

    .info{
        padding:0;
    }

    .Body h2 {
        padding: 0 5px;
    }

}